<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/WEB-INF/tld/jmesa.tld" prefix="jmesa" %>
<%@ page import="org.jmesa.web.HttpServletRequestWebContext"%> 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
           	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/dhtmlgoodies_calendar.css?random=20051112" media="screen"></LINK>
			<SCRIPT type="text/javascript" src="${pageContext.request.contextPath}/js/dhtmlgoodies_calendar.js?random=20060118"></script>
			
	
            <title>
                Ofertas de Carga - Alta
            </title>
            <link rel='stylesheet' type='text/css' href='css/estilos.css'/>

<style type="text/css">
/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
a.tooltip span {
    display:none;
    padding:2px 3px;
    margin-left:8px;
    width:230px;}
a.tooltip:hover span{
   display:inline;
   position:absolute;
   border:1px solid #cccccc;
   font-size: 10px; 
   font-weight: normal;
   background-color: #FFFF99;
color:#000000;}
</style>


		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jmesa.css"></link>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/example.css"></link>

      <!-- blueprint framework -->
      <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bp/custom_screen.css" type="text/css" media="screen, projection"></link>
      <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bp/print.css" type="text/css" media="print"></link>
      <!--[if lt IE 8]><link rel="stylesheet" href="${pageContext.request.contextPath}/css/bp/ie.css" type="text/css" media="screen, projection"><![endif]-->
      <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bp/fancy-type/screen.css" type="text/css" media="screen, projection"></link>
      
      <!-- js files -->
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.3.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jmesa.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jmesa.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate.js"></script>
	
	
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/dhtmlgoodies_calendar.css?random=20051112" media="screen"></LINK>
	<SCRIPT type="text/javascript" src="${pageContext.request.contextPath}/js/dhtmlgoodies_calendar.js?random=20060118"></script>
<script type="text/javascript"> 

$(document).ready(function(){	
    $("#paisOrigenInput").load("PaisServlet");
    $("#paisDestinoInput").load("PaisServlet");    
    $("#formOfertaCarga").validate();
	
});


function selectRegionInput(){
	//obtiene los objetos productCode, 
    var id=$("#paisOrigenInput").val(); //.. y se obtiene el valor
    //llama al servlet con el parametro seleccionado
    $("#regionOrigenInput").load("RegionServlet", {paisId:id});
};

function selectCiudadInput(){
	//obtiene los objetos productCode, 
    var id=$("#regionOrigenInput").val(); //.. y se obtiene el valor
    //llama al servlet con el parametro seleccionado
    $("#ciudadOrigenInput").load("CiudadServlet", {regionId:id});
};

function selectRegionDestinoInput(){
	//obtiene los objetos productCode, 
    var id=$("#paisDestinoInput").val(); //.. y se obtiene el valor
    //llama al servlet con el parametro seleccionado
    $("#regionDestinoInput").load("RegionServlet", {paisId:id});
};
function selectCiudadDestinoInput(){
	//obtiene los objetos region, 
    var id=$("#regionDestinoInput").val(); //.. y se obtiene el valor
    //llama al servlet con el parametro seleccionado
    $("#ciudadDestinoInput").load("CiudadServlet", {regionId:id});
};




</script>

        </head>
        <body>

            <div class="sitio">
        <%----%>        
       <%@ include file="../divHeader.jsp" %>
		<jsp:include page="../navigation_logo.jsp" />
		<%@ include file="../menu_usuarios.jsp" %>
		
         
       
         <div class="titulo">

   	     Mis Ofertas de Carga</div>
                <div class="banner_columna">
                    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">




<table width="165" border="0">
    <tr>
    	<td align="center"><!--
            <img src="/imagenes/120x120.6.gif" width="120" height="120" border="0"/>
            -->
        </td></tr>
    <tr>
    	<td align="center"><!--
            <img src="/imagenes/120x120.6.gif" width="120" height="120" border="0"/>
            -->
        </td>
    </tr>
    <tr>
    	<td align="center"><!--
            <a href="MstBeneficiosTransportista.jsp">
                <img src="/imagenes/120x120fijo1.gif" width="120" height="120" border="0"/>
            </a>
            -->
            
        </td>
    </tr>
    <tr>
    	<td align="center"><!--
            <a href="MstTutorial.jsp">
                <img src="/imagenes/120x120.5.gif" width="120" height="120" border="0"/>
            </a>
            -->
            
        </td>
    </tr>
</table>

</div>
<div class="content">


	<div class="content">

	<form id="formOfertaCarga" name="formOfertaCarga" method="post" action="OfertaCargaAction.do">
	<input type="hidden" name="accion" value="delete" />
	<input type="hidden" name="idOc" value="${ocDetalle.id}" />
  		<br>
  		<div class="contenedor"> <br />
		  <fieldset><legend><b>Crear una Oferta de Carga</b></legend> <table width="100%" align="left">
			<tbody>
			<tr>
				<td valign="top">Fecha Desde</td>
				<td valign="top">	<fmt:formatDate value="${ocDetalle.fechaDesde}" pattern="dd/MM/yyyy"/></td>
			</tr>	
			<tr>	
				<td valign="top"></td>
				<td valign="top"></td>
			</tr>
			<tr>
				<td valign="top">Fecha Hasta</td>
				<td valign="top"><fmt:formatDate value="${ocDetalle.fechaHasta}" pattern="dd/MM/yyyy"/></td>
			</tr>	
			<tr>
				<td valign="top"><img alt="" class="rich-spacer " height="1" id="form:j_id_id137" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
				<td valign="top"></td>
			</tr>
			</tbody>
</table>
		
		                                       
    <b>Oferta Origen</b>
                                           

                                   
  <table width="100%">
	<tbody>
		<tr>
			<td>
				<table>	
				<tbody>
					<tr>
						<td width="108" valign="top" class="col1">Pa&iacute;s<span> </span></td>
						<td width="260" valign="top" class="col3">${ocDetalle.origen.pais }</td>
					</tr>
					<tr>
						<td valign="top" class="col1"></td>
						<td valign="top" class="col3"></td>
					</tr>
					<tr>
						<td valign="top" class="col1">Regi&oacute;n<span></span></td>
						<td valign="top" class="col3">${ocDetalle.origen.region }</td>
					</tr>
					<tr>
						<td valign="top" class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id199" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
						<td valign="top" class="col3"></td>
					</tr>
					<tr>
						<td valign="top" class="col1">Comuna Origen<span> *</span></td>
						<td valign="top" class="col3">${ocDetalle.origen.ciudad }</td>
					</tr>
					<tr>
						<td class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id219" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
						<td class="col3"></td>
					</tr>
			</tbody>
	</table>
</td>
</tr>
</tbody>
</table>
</fieldset>
<fieldset>
<legend>
                                  <!--   <a href="#" class="Ntooltip"> -->
                                        <b>Oferta Destino</b>

                                      <!--   <span>Estimado Usuario debe confirmar el destino escogiendo<br> el campo selección frente al o los destinos escogidos</span></a>
 -->
                                </legend> <table width="100%">
<tbody>
	<tr>
		<td>
			<table>
				<tbody>
					<tr>
					<td width="101" valign="top" class="col1">Pa&iacute;s</td>
					<td width="274" valign="top" class="col3">${ocDetalle.destino.pais}</td>
					</tr>					
					<tr>
						<td valign="top" class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id258" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
						<td valign="top" class="col3"></td>
					</tr>
					<tr>
						<td valign="top" class="col1">Regi&oacute;n</td>
						<td valign="top" class="col3">${ocDetalle.destino.region}</td>
					</tr>
					<tr>
						<td valign="top" class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id281" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
						<td valign="top" class="col3"></td>
					</tr>
					<tr>
						<td valign="top" class="col1">Comuna Destino</td>
						<td valign="top" class="col3">${ocDetalle.destino.ciudad}</td>
					</tr>
					<tr>
						<td class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id304" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
						<td class="col3"></td>
					</tr>
				</tbody>
					
			</table>
		</td>
		</tr>
		</tbody>
		</table>
</fieldset>

    <fieldset><legend><b>Precio por Unidad de Carga</b></legend> 
    <table width="100%">
	<tbody>
		<tr>
			<td>
				<table>
					<tbody>
						<tr>
							<td valign="top" class="col1">Unidad de Carga</td>
							<td valign="top" class="col3">${ocDetalle.unidad.descripcion}</td>
						</tr>
						<tr>
							<td valign="top" class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id339" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
					    <td valign="top" class="col3"></td>
							</tr>
						<tr>
							<td valign="top" class="col1">Tipo Moneda</td>
							<td valign="top" class="col3">${ocDetalle.moneda.descripcion}</td>
						</tr>
						<tr>
							<td valign="top" class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id357" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
							<td valign="top" class="col3"></td>
						</tr>
						<tr>
							<td valign="top" class="col1">Valor por Unidad de Carga</td>
							<td valign="top" class="col3">${ocDetalle.unidad.descripcion}</td>
						</tr>
						<tr>
							<td class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id371" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
							<td class="col3"></td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table>
</fieldset>
<fieldset>
	<legend>
    <b>Veh&iacute;culo Solicitado</b>
	<span>Si a Usted le interesa un tipo de vehículo específico,<br> puede indicarlo en este campo</span> </legend> <table width="100%">
<tbody>
	<tr>
		<td>
			<table>
				<tbody>
				<tr>
					<td width="97" valign="top" class="col1">Tipo Veh&iacute;culo</td>
					<td width="272" valign="top" class="col3">${ocDetalle.tipoVehiculo.descripcion}</td>
				</tr>
				<tr>
					<td valign="top" class="col1">Tipo Remolque</td>
					<td valign="top" class="col3">${ocDetalle.remolque.descripcion}</td>
				</tr>
				<tr>
					<td valign="top" class="col1">Tipo Plataforma</td>
					<td valign="top" class="col3">${ocDetalle.plataforma.descripcion}</td>
				</tr>
			</tbody>
		</table>
	</td>
</tr>
</tbody>
</table>
</fieldset>

<fieldset><legend><b>Carga</b></legend>
<table width="100%">
	<tbody>
		<tr>
			<td>
				<table id="form:carga">
					<tbody>
						<tr>
							<td width="415" valign="top" class="col1">
                               Cantidad de
                               <span>Totalidad de la carga a transportar</span><span></span></td>
							<td width="257" valign="top" class="col3">${ocDetalle.cantidad}
							</td>
						</tr>
						<tr>
							<td valign="top" class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id466" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
							<td valign="top" class="col3"></td>
						</tr>
						<tr>
							<td valign="top" class="col1">
                                Mercader&iacute;a a Transportar</td>
							
							<td valign="top" class="col3">${ocDetalle.mercaderia}</td>
						</tr>
						<tr>
							<td valign="top" class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id484" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
							<td valign="top" class="col3"></td>
						</tr>
						<tr>
							<td valign="top" class="col1">Detalle carga y ruta</td>
							<td valign="top" class="col3">${ocDetalle.detalleCarga}</td>
						</tr>
						<tr>
							<td class="col1"><img alt="" class="rich-spacer " height="1" id="form:j_id_id495" src="/faces/a4j/g/3_3_0.GAimages/spacer.gif" width="1" /></td>
							<td class="col3"></td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table>
</fieldset>

<!-- MENSAJE CONFIRMACIÓN BORRADO -->  <br />
<table class="pregunta-borrar" width="100%">
	<tbody>
		<tr>
			<td>
				<table class="botones" width="100%">
	<tbody>
		<tr>
			<td>
				<input type="image" src="imagenes/btnVolver.gif" onClick="location.href='OfertaCargaAction.do?accion=verOfertas'" title="Volver" />
			
			</td>
		</tr>
	</tbody>
</table>
</td>
</tr>
</tbody>
</table>
 </div>
</form>
</div>

</div>

                <div class="footer">
                    <table width="264" border="0" cellpadding="0" cellspacing="0" align="center">
                        <tr>
                            <td width="264">
                                
  <table id="j_id_id440:piemenu" class="pie">
  <tbody>
<tr>
<td><a href="#" style="font-family:arial, verdana;font-size:10px;" onclick="if(typeof jsfcljs == 'function'){jsfcljs(document.forms['j_id_id440'],'j_id_id440:j_id_id444,j_id_id440:j_id_id444','');}return false" class="">Pol&iacute;ticas de Privacidad</a></td>

<td>
                                        |
                  </td>
<td><a href="#" style="font-family:arial, verdana;font-size:10px;" onclick="if(typeof jsfcljs == 'function'){jsfcljs(document.forms['j_id_id440'],'j_id_id440:j_id_id446,j_id_id440:j_id_id446','');}return false" class="">Cont&aacute;ctenos</a></td>
</tr>
</tbody>
</table>
                            </td>
                        </tr>
                    </table>

                </div>
             </div>
<script type="text/javascript">
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23324507-1']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
</script>
         </body>
    </html>


